<html>
    <head>
        <meta charset="UTF-8">
        <title>获取复选框的value</title>
        <script type="text/javascript">
            function getAllcheckboxValues(){
                //1、获取所有的复选框
               
                //通过name获取所有的控件，name在同一个html网页中是可以重名的。
                var allCheckboxes = document.getElementsByName("interest");
                 //2、遍历数组，获取每一个复选框的节点，在获取复选框节点的value
                for(var i = 0;i<allCheckboxes.length;i++){
                    var checkboxObj = allCheckboxes[i];
                    alert(checkboxObj.value);
                }
                //通过标签的名字来获取
                //alert(document.getElementsByTagName("input").length);

            }
        </script>
    </head>
    <body>
        运动<input type="checkbox" name="interest" value="soprt"/>
        音乐<input type="checkbox" name="interest" value="music"/>
        美食<input type="checkbox" name="interest" value="foods"/>
        睡觉<input type="checkbox" name="interest" value="sleep"/>
        跳舞<input type="checkbox" name="interest" value="dance"/>
        <br><br>
        <input type="button" value="提交" onclick="getAllcheckboxValues();"/>
    </body>
</html>